﻿<%@ Page Title="" Language="C#" MasterPageFile="~/FeedbackAndContactUs.Master" AutoEventWireup="true"
    CodeBehind="ForgetPassword.aspx.cs" Inherits="DasIdeen.Pages.ForgetPassword" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="DivForgotPassword" style="margin: 0px auto 0 auto; width: 501px">
        
        <div id="DivEmailId" runat="server" visible="true" style="margin: 35px 0 100px 0;
            border: solid 1px #eee; border-radius: 10px; box-shadow: 0 0 0.5px gray; background-color: #FFF;">
            <asp:Label ID="lblMessage" runat="server" Text=""></asp:Label>
            <p style="margin: 12px 0 0 50px">
                <asp:Label ID="lblEmailVerification" runat="server" Text="Enter your Email ID"></asp:Label></p>
            <p style="margin: 8px 0 0 75px">
                <asp:TextBox ID="txtEmailId" runat="server" placeholder="Someone@Example.com" Width="259px"
                    Height="20px"></asp:TextBox>

                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtEmailId"
                    ErrorMessage="*" Style="color: #CC0000; font-size: medium;"></asp:RequiredFieldValidator>
                <asp:RegularExpressionValidator ID="EmailRegularExpressionValidator" runat="server" ForeColor="Red" 
                    ErrorMessage="Invalid Email Id." ControlToValidate="txtEmailId" 
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>

            </p>
            <p style="margin: 8px 0 20px 75px">
                <asp:Button ID="btnEmailIdOk" runat="server" CssClass="CSSButton" Text="Send verificationCode"
                    Width="150px" OnClick="btnEmailIdOk_Click" /></p>
            <div id="DivVerificationCode" runat="server" visible="false">
                <p style="padding: 15px; margin: 0 auto 0px auto; width: 395px;">
                    Please check your email id for verification code and confirm the code in the below
                    text box</p>
                <%--<asp:Label ID="lblVerificationMessage" runat="server" Text=""></asp:Label>--%>
                <p style="margin: 15px 0 0 50px">
                    <asp:Label ID="lblVerificationCode" runat="server" Text="Verification Code"></asp:Label></p>
                <p style="margin: 8px 0 0 75px">
                    <asp:TextBox ID="txtVerifactionCode" runat="server" placeholder="enter verification code"
                        Height="20px" Width="259px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtVerifactionCode"
                        ErrorMessage="*" Style="color: #CC0000; font-size: medium;"></asp:RequiredFieldValidator>
                </p>
                <p style="margin: 8px 0 20px 75px">
                    <asp:Button ID="btnVerificationOk" CssClass="CSSButton" runat="server" Text="Confirm"
                        Width="110px" OnClick="btnVerificationOk_Click" /></p>
            </div>
        </div>
        <div id="DivNewPassword" runat="server" visible="false" style="margin: 35px 0 100px 0;
            border: solid 1px #eee; border-radius: 10px; box-shadow: 0 0 0.5px gray; background-color: #FFF;">
            <p style="padding: 10px; margin: 0 auto 0 auto; width: 395px;">
                Thanks for confirming verifcation code. Please reset your password</p>
            <asp:Label ID="lblErrorMessage" runat="server" Text=""></asp:Label>  
            <p style="margin: 6px 0 0 50px">
                <asp:Label ID="lblNewPassword" runat="server" Text="Enter New Password"></asp:Label>
            </p>
            <p style="margin: 6px 0 0 75px">
                <asp:TextBox ID="txtNewPassword" runat="server" placeholder="****************" Width="259px"
                    TextMode="Password" Height="20px"></asp:TextBox>
                <%--<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtNewPassword"
                    ErrorMessage="*" Style="color: #CC0000"></asp:RequiredFieldValidator>--%>
            </p>
            <p style="margin: 6px 0 0 50px">
                <asp:Label ID="Label1" runat="server" Text="Re-Enter New Password"></asp:Label>
            </p>
            <p style="margin: 6px 0 0 75px">
                <asp:TextBox ID="txtRePassword" runat="server" placeholder="****************" Width="259px"
                    TextMode="Password" Height="20px"></asp:TextBox>
                <%--<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtRePassword"
                    ErrorMessage="*" Style="color: #CC0000"></asp:RequiredFieldValidator>--%>
            </p>
            <p style="margin: 8px 0 20px 75px">
                <asp:Button ID="btnSave" runat="server" CssClass="CSSButton" Text="Save Password"
                    Width="110px" OnClick="btnSave_Click" />
               <%-- <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="txtNewPassword"
                    ErrorMessage="Re-Enter Password is not matching." ControlToValidate="txtRePassword"
                    Style="color: #CC0000"></asp:CompareValidator>--%>
            </p>
        </div>
        <div id="DivPasswordChengedMessage" runat="server" visible="false" style="margin: 35px 0 100px 0;
            height: 110px; text-align: center; border: solid 1px #eee; border-radius: 10px;
            box-shadow: 0 0 0.5px gray; background-color: #FFF;">
            <p style="text-align: center; margin: 30px 0px 2px 0px">
                <asp:Label ID="lblPasswordChangedMessage" runat="server" Text=" Password Changed Successfully Re-Login with your New Password"></asp:Label>
            </p>
            <p style="margin: 20px 0 20px 9px">
                <asp:Button ID="btnClose" runat="server" CssClass="CSSButton" Text="Close" Width="75px"
                     OnClick="btnClose_Click" />
            </p>
        </div>
    </div>
</asp:Content>
